<!--
 * @Description:
 * @Author: dh
 * @Date: 2021-12-15 16:01:07
 * @LastEditors: dh
 * @LastEditTime: 2023-01-09 16:36:53
-->
<template>
	<div>
		<div>v-force <input v-focus type="text" /></div>
		<div v-red>v-red</div>
		<div v-color="'blue'">v-color</div>
	</div>
</template>

<script setup lang="ts">
import type { Directive } from 'vue';
//
const vColor: Directive<HTMLElement, string> = (e, binding) => {
	e.style.color = binding.value;
};
</script>

<style lang="sass" scoped></style>
